<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{path:'/home'}">首页</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <el-row :gutter="25">
        <!--搜索区域-->
        <el-col :span="10">
          <el-input placeholder="请输入学号" v-model="queryInfo.Sno" clearable >
            <el-button slot="append" icon="el-icon-delete" @click="deleteStudent"></el-button>
          </el-input>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
<script>
export default {
  data(){
    return{
      queryInfo:{
        Sno:"",
      },
    }
  },
  methods:{
    async deleteStudent(){
      const {data:res} = await this.$http.delete("/delete",{params:this.queryInfo});            //delete
      if (res.flag != "success") {
        return this.$message.error("操作失败！！！");
      }
      this.$message.success("操作成功！！！");
    }
  }

}
</script>
<style lang="less" scoped>
.el-breadcrumb{
  margin-bottom: 15px;
  font-size: 17px;
}
</style>
